<template>
  <div>
    <el-container class="manager-container">

      <!-- 侧边栏区域 -->
      <!-- <el-aside width="200px">
        <el-menu
          :router="true"
          :default-active="activeMenu"
          :collapse="isCollapse"
          background-color="#C0C4CC"
          text-color="#000"
          :unique-opened="true"
          active-text-color="#1f6e45"
          :collapse-transition="false"
        > -->
          <!-- 一级菜单 -->
          <!-- <el-menu-item :index="item.path" v-for="item in menuList" :key="item.id"> -->
            <!-- 一级菜单的模版区域 -->
            <!-- <template slot="title">
              &nbsp;&nbsp;<i :class="iconsObject[item.id]"></i>
              <span>&nbsp;&nbsp;{{ item.name }}</span>
            </template>
          </el-menu-item>
        </el-menu>
      </el-aside> -->

      <el-main>
        <router-view></router-view>
      </el-main>

    </el-container>
  </div>
</template>

<script>
export default {
  data () {
    return {
      menuList: [
        {
          id: '1',
          name: '我的课程',
          path: '/teacher/mycourse'
        }, {
          id: '2',
          name: '查询课程',
          path: '/teacher/checkcourse'
        }
      ],
      iconsObject: {
        1: 'el-icon-user',
        2: 'el-icon-edit-outline'
      },
      isCollapse: false,
      activeMenu: '/teacher/mycourse'
    }
  }
}
</script>

<style lang="less" scoped>
.manager-container {
  height: 90vh;
  background-color: #f0f1f7;

  .el-aside {
    background-color: #C0C4CC;

    .el-menu {
      border-right: none;
    }
  }
}
</style>
